<?php
/*
 * @var $this VideoController
 */

$this->breadcrumbs = array ('Video' => array ('/video/video' ), 'List' );
?>
<h1>视频</h1>

<div class="video-list">
	<div class="row video-row">
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
	</div>
	
	<div class="row video-row">
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
	</div>
	
	
	<div class="row video-row">
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
	</div>
	
	<div class="row video-row">
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
	</div>

	<div class="row video-row">
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
		<div class="col-xs-6 col-md-3">
			<a href="#" class="thumbnail"> <img data-src="holder.js/100%x180"
				alt="100%x180"
				src=""
				style="height: 180px; width: 100%; display: block;">
			</a>
		</div>
	</div>
	
	
	<div>
		  <div class="pagination">
              <ul>
                <li><a href="#">«</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">»</a></li>
              </ul>
            </div>
    </div>
	
	
</div>
<div class="video-recommand">
	<p><a href="/post/1?title=Welcome%21">Welcome!</a></p>
	<p><a href="/post/2?title=Welcome%21">Welcome!</a></p>
	<p><a href="/post/3?title=A+Test+Post">A Test Post</a></p>
	<p><a href="/post/4?title=sdfasdffsd">sdfasdffsd</a></p>
	<p><a href="/post/5?title=dffffsdfsfsd">dffffsdfsfsd</a></p>
	<p><a href="/post/6?title=Test">Test</a></p>
</div>